.volumeManager {
  margin-top: 110px;
  position: relative;
  // border: solid 1px red;
  @include breakpoint(xs) {
    @include make-xs-column(4, 0);
    margin-top: 0px;
    height: $footerHeight;
    .volumeSliderWrapper {
      pointer-events: none;
      position: absolute;
      bottom: $footerHeight;
      left: 0px;
      width: 60px;
      background-color: $theme-transparent-buttons-background;
      text-align: center;
      z-index: 2;
      .volumeSlider {
        pointer-events: auto;
        margin: 14px 0px;
        transform: rotate(0deg);
      }
      button {
        pointer-events: auto;
      }
      .bigText {
        color: $theme-primary-color;
        font-size: 28px;
        padding-top: 10px;
      }
    }
  }
}

.volumeSliderScrim {
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 1;
}